/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */



html,body {
/*     margin:0;
    padding:0;
    height:100%; needed for container min-height
 */    
    font-family: arial,sans-serif;
}

h1 { 
   font:1.5em georgia, serif; 
}

 div#container {
/*     position:relative; needed for footer positioning
    margin:0 auto; center, not in IE5
 */ 
    width:750px;
    
    height:auto !important; real browsers
    /* height:100%; IE6: treaded as min-height

    min-height:100%; real browsers */
}
 
div#header {
    padding: 1em 0;
    border-bottom:3px double gray;
}

div#content {
    padding: 1em 0 5em; /* bottom padding for footer */
}

div#footer {
    position:absolute;
    width:100%;
    bottom:0; /* stick to bottom */
    text-align: center;
    font-size: 80%;
}
    
/******************************************************************************/

form#f_search * {
    font-size: 17px;
}

.message {
    font-family: monospace;
    text-align: justify;
    word-wrap: break-word;
    padding: 0.5em 0;
    font-size: 16px;
    white-space: pre;
}

.envelope {
    min-width: 600px;
}

.envelope .body {
    border-left: 1px solid black;
    padding-left: 1em;
    margin-left:  1em;
}


/************ PRE **************/
.zipper.open, .zipper.closed {
    cursor: pointer;
}

.zipper.open  {
    margin-left: 0.5em;
}

.zipper.closed {
    margin-left: 0.9em;
}

.zipper.empty {
    margin-left: 0.6em;
}

/*******************************/
.title {
    background: #f2f2f2;
    line-height: 1.2em;
}


.responses .envelope {
    border-left: 1px dotted ;
    padding: 0.5em 0 0 1em;
    margin-left: 1em;
}

.msg_bar {
    text-align: right;
    
}

#btn_create {
    float: right;
}

div#system {
    display: none;
}

.date {
    float: right;
    font-size: 80%;
    color: #093;
    font-style: italic;
    cursor: pointer;
}

/***************************************/

.msg_bar span {
    color: #333;
    text-align:right;
    font-size: 80%;
    font-style: italic;
}

.author, .actions {
    text-align : right;
}

.resp_bar {
    display: inline;
    font-size: 80%;
    vertical-align: baseline;
}

.info {
    background-color: #afa;
}

.error {
    background-color: #faa;
}

.notice {
    background-color: #ffa;
}



 
a.action {
    xtext-decoration: underline;
    border-bottom: 1px dashed;
    cursor: pointer;
    color: #1122CC;
}

.status-info {
    padding: 0 .5em;
    margin: 0 .5em;
}


/***************** NEW/EDIT FORM ********************/
.ui-widget {
    font-size: 80%;
}

form#f_edit  {
    line-height: 2em;
}

form#f_edit input, form#f_edit select, form#f_edit textarea {
    margin-left: 0.2em;
}

input, select {
    padding: 1px;
}

#f_edit label  {
    display: inline-block;
    text-align: right;
    vertical-align: top;
    width: 5.5em;
}

#f_edit label.chkbox  {
    text-align: inherit;
    width: auto;
}

#fe_optgrp .fe_opt {
    margin-left: 3em;
}
#fe_optgrp .fe_opt label {
    width: 10em;
}

.fe_opt div {
    display: inline;
    position: relative;
}

input.key {
    width: 9em;
}
 
#fe_nickname {
    width: 35em;
}

#fe_expire {
    width: 11.2em;    
}

#fe_message {
    font-family: monospace;
    font-size: 16px;
    width: 27.8em;
    height: 10em;
    overflow: auto;
}

#f_edit button,  #f_edit .status-info {
    display: inline-block;
    float: right;
}

#fe_message_cntr {
     position: absolute;
     bottom: 0;
     right: 0;
     margin-right: 0.3em;
}

#edit_notice {
    font-size: 120%;
}

#edit_notice .label {
    display: inline-block;
    margin: auto .3em auto 3em;
    width: 8em;
    text-align: right;
}

